<template>
    <div class="tablelist">
        <lay-table :columns="storeMain.connect.datatablelist_tablecolumns"
                   :data-source="storeMain.connect.datatablelist_tabledata"
                   ref="tableRef"
                   @change="handleChange"
                   height="calc(100vh - 170px)"
                   even
                   size="sm"
                   resize
                   autoColsWidth
                   :loading="storeMain.connect.datatablelist_tableloading"
                   :default-expand-all="storeMain.connect.expandAll"
                   :default-toolbar="['export','print','filter']"
                   v-model:selected-key="storeMain.connect.rowSelectedKey"
                   @row="handleRowClick"
                   @row-double="handleRowDoubleClick"
        >
        </lay-table>
    </div>
</template>
<script setup>
import {onMounted, ref} from "vue";
import {useStoreMain} from '../../store/storeindex.js';
const storeMain = useStoreMain();

const handleClick = () => {
    $utilstoken.setStorage('ziyuanurl', storeMain.publicmain.ziyuanurl);
    storeMain.publicmain.configDialogShow = false;
    $utilstoken.removeStorage('ziyuanlist');
    storeMain.vedio.getZiyuanList();
}

onMounted(() => {

})

</script>
<style lang="scss" scoped>
.tablelist {
    padding: 0px;
    height: 100%;
    background-color: var(--base_bgcolor);
    overflow-y: auto;
}
</style>
